/* ======================================================================= */
/* TYPOGRAPHY
/* ======================================================================= */

/* ----- base ----- */

body{
	font: normal normal #{$font_size}/floor($font_size*1.6) $font_family;
	color: $color_text;
	background: $color_background;
}

/* ----- links ----- */

a{
	text-decoration: none;
	color: $color_primary;
	
	&, &:before, &:after{
		@include transition($transition);
	}

	&:hover{
		text-decoration: none;
	}
}

/* ----- heading ----- */

h1, h2, h3, h4, h5, h6{
	margin: $space_micro 0;

	&:first-child{
		margin-top: 0;
	}

	&:last-child{
		margin-bottom: 0;
	}
}

h1.jumbo, .h1.jumbo{ font-size: 3.7em; }
h1.mega, .h1.mega{ font-size: 3.23em; }
h1{ font-size: 2.77em; }
h2{ font-size: 2.3em; }
h3{ font-size: 1.84em; }
h4{ font-size: 1.53em; }
h5{ font-size: 1.38em; }
h6{ font-size: 1.23em; }